$(function() {
    // 去注册
    $('#link_reg').on('click', function() {
            $(".login-box").hide()
            $(".reg-box").show()
        })
        // 去登录
    $('#link_login').on('click', function() {
            $(".login-box").show()
            $(".reg-box").hide()
        })
        // 获取form模块，验证表单
    let form = layui.form
    let layer = layui.layer
    form.verify({
            pwd: [
                /^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'
            ],

            // 校验两次密码是否一至
            repwd: function(value) {
                let pwd = $('.reg-box [name=password]').val()

                if (value !== pwd) {
                    return "两次密码不一致"
                }

            }


        })
        //监听注册表单的提交事件
    $('#form-reg').on('submit', function(e) {
        e.preventDefault()
        let data = {
            username: $('#form-reg [name=username]').val(),
            password: $('#form-reg [name=password]').val(),
            repassword: $('#form-reg [name=repassword]').val()
        }
        $.post('/api/reg', data, function(res) {
            if (res.code !== 0) {
                return layer.msg(res.message)
            }
            layer.msg('注册成功，请登录！')
            $('#link_login').click()
        })
    })

    //登录事件监听
    $('#form-login').on('submit', function(e) {
        e.preventDefault()
        $.ajax({
            url: '/api/login',
            method: 'POST',
            data: $(this).serialize(),
            success: function(res) {
                if (res.code !== 0) {
                    return layer.msg('登陆失败')
                }
                layer.msg('登陆成功')
                    //将token保存到本地
                localStorage.setItem('token', res.token)
                    //跳转到首页
                location.href = '/index.html'
            }
        })
    })
})